// const { get } = require("jquery")

var str = ''
// 获取本地存储数据
let data = localStorage.getItem('data')
// 判断是否有数据传输
if (!data || !getCookie('phone')) {
    // 没有数据输出或者没有登录
    $('.body-top').css('display', 'block')
    $('.body-foot').css('display', 'block')
    $('.table').css('display', 'none')
} else {
    // 有数据存储
    $('.body-top').css('display', 'none')
    $('.body-foot').css('display', 'none')
    $('.table').css('display', 'table')
    let arr = JSON.parse(data)
    for (i = 0; i < arr.length; i++) {
        str += `<tr>
        <td><input type="checkbox" checked class="select"></td>
         <td>${arr[i].name}</td>
         <td><img src="${arr[i].picture}" alt=""></td>
         <td>${arr[i].style}</td>
         <td class='coin'>${arr[i].coin}</td>
         <td><button class='subtract'>-</button>
           <span class='num'>${arr[i].number}</span>
            <button class='add'>+</button>
         </td>
         <td> <button class='btn'>删除</button></td>
         </tr>`
    }
    $('tbody').html(str)
}

// 点击全选 

$('.selectall').click(function () {
    // 改变其他勾选项的勾选情况
    $('.select').prop('checked', $('.selectall').prop('checked'))
    // 如果所有都被勾选
    if ($('.selectall').prop('checked')) {
        $('.select').each(function (i, v) {
            $(this).parent().next().next().next().next().attr('class', 'coin').next().find('span').attr('class', 'num')
        })
        // 数量
        var sum = 0
        for (i = 0; i < $('.num').length; i++) {
            sum += ($('.num')[i].innerText) / 1
        }
        $('.summ').text('共计：' + sum + '件')
        // 总价
        var ad = 0
        for (j = 0; j < $('.coin').length; j++) {
            ad += ($('.coin')[j].innerText.substring(1,)) / 1
        }
        $('.prices').text('共计：' + ad + '元')

    } else {
        $('.prices').text('共计：' + 0 + '元')
        $('.summ').text('共计：' + 0 + '件')
    }

})
// 点击一个
$('.select').click(function () {
    // 当当前选项没被勾选，则全选不勾选
    if (!$(this).prop('checked')) {
        $('.selectall').prop('checked', false)
        console.log()
    }
    var p = 0
    // 判定是否所有input被勾选
    for (s = 0; s < $('.select').length; s++) {
        // 当勾选的没有被选中
        if ($($('.select')[s]).prop('checked')) {
            p++
        }
    }
    if (p == $('.select').length) {
        $('.selectall').prop('checked', true)
    }
    // 判断是否被勾选,勾选,这影响数量和价格的总和
    if ($(this).prop('checked')) {
        $(this).parent().next().next().next().next().attr('class', 'coin').next().find('span').attr('class', 'num')
        // 数量
        var sum = 0
        for (i = 0; i < $('.num').length; i++) {
            sum += ($('.num')[i].innerText) / 1
        }
        $('.summ').text('共计：' + sum + '件')
        // 总价
        var ad = 0
        for (j = 0; j < $('.coin').length; j++) {
            ad += ($('.coin')[j].innerText.substring(1,)) / 1
        }
        $('.prices').text('共计：' + ad + '元')
    } else {
        $(this).parent().next().next().next().next().attr('class', 'cc').next().find('span').attr('class', 'nn')
        // 数量
        var sum = 0
        for (i = 0; i < $('.num').length; i++) {
            sum += ($('.num')[i].innerText) / 1
        }
        $('.summ').text('共计：' + sum + '件')
        // 总价
        var ad = 0
        for (j = 0; j < $('.coin').length; j++) {
            ad += ($('.coin')[j].innerText.substring(1,)) / 1
        }
        $('.prices').text('共计：' + ad + '元')
    }

})



// 数量
var sum = 0
for (i = 0; i < $('.num').length; i++) {
    sum += ($('.num')[i].innerText) / 1
}
$('.summ').text('共计：' + sum + '件')

// 总价
var ad = 0
for (j = 0; j < $('.coin').length; j++) {
    ad += ($('.coin')[j].innerText.substring(1,)) / 1
}
$('.prices').text('共计：' + ad + '元')







// 按钮加减效果
$('.subtract').click(function () {
    // 获取刚开始的数量
    kk = $(this).next().text()
    // 判断当前数量
    if ($(this).next().text() == '1') {
        return false
    }
    // 修改数量
    $(this).next().text($(this).next().text() - 1)

    // 算出总的数量
    var sum = 0
    for (i = 0; i < $('.num').length; i++) {
        sum += ($('.num')[i].innerText) / 1
    }
    $('.summ').text('共计：' + sum + '件')
    // 价格变动
    // 获取开始的价格
    reg = $(this).parent().prev().text()
    // 截取，提取出数字
    res = reg.substring(1,)
    // 算出单价
    unit = res / kk
    // 算出变化后的价格
    moneys = parseInt(unit * $(this).next().text())
    $(this).parent().prev().text('￥' + moneys)

    // 总价
    var ad = 0
    for (j = 0; j < $('.coin').length; j++) {
        ad += ($('.coin')[j].innerText.substring(1,)) / 1
    }
    $('.prices').text('共计：' + ad + '元')


})
// 加号
$('.add').click(function () {
    // 获取刚开始的数量
    kk = $(this).prev().text()
    // 判断当前数量
    if ($(this).prev().text() == '5') {
        return false
    }
    // 修改数量
    $(this).prev().text($(this).prev().text() / 1 + 1)
    // 算出总的数量
    var sum = 0
    for (i = 0; i < $('.num').length; i++) {
        sum += ($('.num')[i].innerText) / 1
    }
    $('.summ').text('共计：' + sum + '件')
    // 价格变动
    // 获取开始的价格
    reg = $(this).parent().prev().text()
    // 截取，提取出数字
    res = reg.substring(1,)
    // 算出单价
    unit = res / kk
    // 算出变化后的价格
    moneys = parseInt(unit * $(this).prev().text())
    $(this).parent().prev().text('￥' + moneys)

    // 总价
    var ad = 0
    for (j = 0; j < $('.coin').length; j++) {
        ad += ($('.coin')[j].innerText.substring(1,)) / 1
    }
    $('.prices').text('共计：' + ad + '元')
})




// 点击删除效果
// 首先是行内的删除
$('.btn').click(function () {
    // 先将自己赋值给my
    var my = $(this)[0]
    //   查询当前点击按钮的下标
    for (u = 0; u < $('.btn').length; u++) {
        if ($('.btn')[u] === my) {
            index = u
        }
    }
    var tip = layer.confirm('您确定要删除吗？', {
        btn: ['点错了', '是'] //按钮
    }, function () {
        layer.close(tip)
        return false
    }, function () {
        //   将该列表行清空
        $(my).parent().parent().remove()
        // 先获取本地存储
        data = localStorage.getItem('data')
        var arr = JSON.parse(data)
        // 删除当前的数组
        arr.splice(index, 1)

        // 判定数组是否为空
        if (!arr[0]) {
            // 删除本地存储
            localStorage.removeItem('data')
            // 没有数据输出或者没有登录
            $('.body-top').css('display', 'block')
            $('.body-foot').css('display', 'block')
            $('.table').css('display', 'none')
        } else {

            arr = JSON.stringify(arr)
            // 删除本地存储
            localStorage.removeItem('data')
            // 在存入本地存储中
            localStorage.setItem('data', arr)
            layer.msg('删除成功', { icon: 1 ,time:800});
        }

        // 数量
        var sum = 0
        for (i = 0; i < $('.num').length; i++) {
            sum += ($('.num')[i].innerText) / 1
        }
        $('.summ').text('共计：' + sum + '件')

        // 总价
        var ad = 0
        for (j = 0; j < $('.coin').length; j++) {
            ad += ($('.coin')[j].innerText.substring(1,)) / 1
        }
        $('.prices').text('共计：' + ad + '元')

    });

})

// 总计中的删除

$("tfoot>tr>th:last").click(function () {
    my=$(this).prev().prev().prev().prev().prev().prev().children()
    var tip = layer.confirm('您确定要删除吗？', {
        btn: ['点错了', '是'] //按钮
    }, function () {
        layer.close(tip)
        return false
    }, function () {
        // 判定全选是否被勾选
        if (my.prop('checked')) {
            layer.msg('删除成功', { icon: 1 ,time:800});
            // 删除本地存储
            localStorage.removeItem('data')
            $('.body-top').css('display', 'block')
            $('.body-foot').css('display', 'block')
            $('.table').css('display', 'none')
        }
    })

})

